<template>
  <div>组件封装</div>
  <AboutComponents v-for="(i, index) in data" :key="index" :data="i" />
</template>

<script setup>
import AboutComponents from "../components/about/aboutComponents.vue";
const data = [
  {
    title: "清晨的阳光",
    image: "https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0",
    description: "阳光透过树林洒在林间小道上，静谧又温暖。",
  },
  {
    title: "城市夜景",
    image: "https://images.unsplash.com/photo-1499346030926-9a72daac6c63",
    description: "霓虹灯下的都市繁华，车水马龙与高楼林立交织成美丽夜色。",
  },
  {
    title: "大海与蓝天",
    image: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e",
    description: "碧蓝的天空下，波光粼粼的大海无边无际，令人心旷神怡。",
  },
  {
    title: "森林秘境",
    image: "https://images.unsplash.com/photo-1470770841072-f978cf4d019e",
    description: "深处的森林仿佛一片未被打扰的净土，野花与苔藓点缀其间。",
  },
  {
    title: "雪山之巅",
    image: "https://images.unsplash.com/photo-1501785888041-af3ef285b470",
    description: "皑皑白雪覆盖山顶，云雾缭绕，气势磅礴宛如仙境。",
  },
];
</script>
